@layout("/common/_container.html"){
<style>#modification{display: flex}#modification>div{flex: 1;}#modification>div>div{margin: 15px 0;}#modification>div>div>span{width: 90px;}.btnBox{background:#f1f1f1;position:fixed;bottom:0;width:100%;padding:5px 0;text-align:center;}.btnBox>button{margin:0;color:white;background:#6090b8;padding: 5px 14px;}.btnBox>button:last-of-type{background:white;color:inherit;border:1px solid #999999}.frameBox{width: 60%;  height: 28px;  padding-left: 5px;  border: 1px solid #cccccc;  border-radius: 3px;}</style>
<div style="display: none">
    <input type="hidden" id="reservationsId" value="${reservationsId}">
    <input type="hidden" id="oneChannelValue" value="">
    <input type="hidden" id="twoChannelValue" value="">
    <input type="hidden" id="thrChannelValue" value="">
    <input type="hidden" id="oneMediumValue" value="">
    <input type="hidden" id="twoMediumValue" value="">
    <input type="hidden" id="thrMediumValue" value="">
    <input type="hidden" id="userName" value="${userName}">
</div>
<div style="height: 100%;">
    <div style="background: #6090b8;color: white;padding: 5px 10px;">补单</div>
    <div style="height: calc(100% - 77px);overflow: auto;padding: 10px 20px;">
        <div id="modification">
            <div>
                <div>
                    <span>建档人<span class="asterisk">*</span>：</span>
                    <input type="text" autocomplete="off"  id="archiving" name="archiving" class="frameBox" style="width: 41%;vertical-align: middle;">
                    <button onclick="getArchiving()" style="background: white;border: 1px solid #cccccc;color: inherit;height: 28px;width:18%;border-radius: 3px;vertical-align: middle;">选择</button>
                </div>
                <div>
                    <span>一级渠道<span class="asterisk">*</span>：</span>
                    <select  id="oneChannel" name="oneChannel" class="frameBox"></select>
                </div>
                <div>
                    <span>二级渠道<span class="asterisk">*</span>：</span>
                    <select  id="twoChannel" name="twoChannel" class="frameBox"></select>
                </div>
                <div>
                    <span>三级渠道<span class="asterisk">*</span>：</span>
                    <select  id="thrChannel" name="thrChannel" class="frameBox"></select>
                </div>
            </div>
            <div>
                <div>
                    <span>建档时间：</span>
                    <input type="text" autocomplete="off" class="frameBox" id="filingTime" onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                </div>
                <div>
                    <span>一级媒介：</span>
                    <input type="text" readonly="readonly" id="oneMedium" name="oneMedium" class="frameBox">
                </div>
                <div>
                    <span>二级媒介：</span>
                    <input type="text" readonly="readonly" id="twoMedium" name="twoMedium" class="frameBox">
                </div>
                <div>
                    <span>三级媒介：</span>
                    <input type="text" readonly="readonly" id="thrMedium" name="thrMedium" class="frameBox">
                </div>
            </div>
        </div>
    </div>
    <div class="btnBox">
        <button type="button" class="btn" id="ensure" onclick="replenishment()">提交</button>
        <button type="button" class="btn" id="cancel" onclick="parent.layer.close(parent.layer.getFrameIndex(window.name))">取消</button>
    </div>
</div>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/jsChannel.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/arrival/customer/replenishment.js?v=20200718"></script>
@}